<div>
  <div class="top">
    <div class="shouye_biaoti">
       <div class="tupian">
         <img src="./images/top_1.jpg" width="50px" height="50px">
       </div>
       <div class="title">校内新闻</div>
       <div class="num">20</div>
    </div>
    <div class="shouye_biaoti"></div>
    <div class="shouye_biaoti"></div>
    <div class="shouye_biaoti"></div>
  </div>
  <div class="bottom"></div>
</div>

<style>
  *{
    margin: 0px;
    padding: 0px;
  }
  .shouye_biaoti{
    width: 262.8px;
    height: 100px;
    padding: 25px 10px 10px 20px;
    margin-left: 50px;
    margin-top: 20px;
    background-color: #fff;
    box-shadow: 2px 2px 10px #ccc;
    border-radius: 5px;
    float: left;
  }
  .tupian{
    width: 97px;
    height: 53.6px;
  }
  .title{
    width: 135.7px;
    height: 18.4px;
    color: #777777;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    margin-left: 97px;
    margin-top: -55px;
  }
  .num{
    width: 135.7px;
    height: 20.7px;
    font-size: 18px;
    text-align: center;
    margin-left: 97px;
    margin-top: -55px;
  }
</style>